<template>
	<view>
		<bottomBar>
			<view class="fill-bottom-bar" >
				<view class="price-detail">
					<basic-price :price="totalPrice" size="36rpx" color="#FF5944" unitSize="30rpx"  />
					<view class="detail" @click="showPriceDetail">
						费用明细
					</view>
				</view>		
				<view class="btn">
					<basic-button  type="primary" height="100%" width="200rpx" size="full" border borderRadius="0" @click="submit" >下一步</basic-button>				
				</view>				
			</view>	
		</bottomBar>
	</view>
</template>
<script>
import bottomBar from '@/components/business/bottom-bar'
export default {
	name: 'fill-bottom-bar',	
	components: { bottomBar },
	props: {
		totalPrice : { type: Number, default:0 }
	},
	data() {
		return {
		}
	},
	mounted(){
	},
	methods: {
		submit() {
			this.$emit('submit')
		},
		showPriceDetail() {
			this.$emit('showPriceDetail')
		}
	}
}
</script>
<style lang="less">
.fill-bottom-bar{
	height: 100%;
	width: 100%;
	.price-detail{
		padding-left: 30rpx;
		float: left;
		display: flex;
		.detail{
			margin-left: 20rpx;
			color: #999999;
			font-size: 24rpx;
			text-decoration:underline;
		}
	}
	.btn{
		height: 100%;
		float: right;
	}
}
</style>